/*
 * @Author: your name
 * @Date: 2020-12-07 10:10:19
 * @LastEditTime: 2020-12-17 17:30:37
 * @LastEditors: Please set LastEditors
 * @Description: flex样式相关
 * @FilePath: \gitee-WeBi\css\common\flex.less
 */
 .zz-df {
    display:flex;
}
/* flex-flow */
.zz-df-ff-rw {flex-flow:row wrap;}
.zz-df-ff-rnw {flex-flow:row nowrap;}
.zz-df-ff-cw {flex-flow:column wrap;}
.zz-df-ff-cnw {flex-flow:column nowrap;}

/* justify-content */
.zz-df-jc-c {justify-content: center;}
.zz-df-jc-sb {justify-content:space-between;}
.zz-df-jc-sa {justify-content:space-around;}

/* align-items */
.zz-df-ai-c {align-items: center;}

/* flex */
.zz-df-f-10auto {flex:1 0 auto;}
